import React, { Component } from 'react';
import BasicTab from '../ErpBase/BasicTab';
import RealTimeOverview from './components/RealTimeOverview';
import Notifications from './components/Notifications';
import PerformanceChart from './components/PerformanceChart';
import GeneralWidget from './components/GeneralWidget';

export default class Home extends Component {
  static displayName = 'Home';

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const tabs = [
      { tab: '概况', key: 'dashboard' },
      { tab: '分析页', key: 'analysis' },
      { tab: '监控页', key: 'monitor' },
      { tab: '工作台', key: 'workplace' },
    ];

    return (
      <div className="home-page" style={{
          margin:20
        }}>
        <BasicTab tabs={tabs}/>
        <RealTimeOverview />
        <Notifications />
        <GeneralWidget />
        <PerformanceChart />
      </div>
    );
  }
}
